<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style type="text/css">
			div {
				width: 200px;
				height: 20px;
				border: 1px solid #000;
				/* word-break: break-all;单词可拆 */
				/* keep-all    只能在半角空格或连字符处换行。 */
				/* word-break: keep-all; */
				white-space: nowrap;
				overflow: hidden;
				/* text-overflow: clip; */
				text-overflow: ellipsis;




			}
        </style>
    </head>
    <body>
    <div>my name is kele love ka-men</div>
    </body>
</html>